<template>
	<div class="decorate-cutLine">
    <section class="cutLine-wrap">
      <div :class="['custom-line', tplItemData.lineStyle == 2?'solid':'']"></div>
    </section>
  </div>
</template>

<script>
  /**
   * @Author: yqe@360shop.cn
   * @Date: 2020年07月08日15:11:21
   * @Last Modified by: yqe@360shop.cn
   * @Last Modified time: 2020年07月08日15:11:21
   */
  import Vue from 'vue'

  export default Vue.extend({
    name: 'index',
    components: {
    },
    props: {
      tplItemData: {
        type: Object,
        default() {
          return {}
        }
      }
    }
  })
</script>

<style lang="scss">
.cutLine-wrap{
  height: 60px;
  position: relative;
  .custom-line {
    border: 0;
    border-top: 1px dashed #ddd;
    margin: auto;
    padding: 0;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    &.solid{
      border-top: 1px solid #e6e6e6;
    }
  }
}
</style>
